在上一章我有提到，有一個厲害的魔法能簡單將AE製作出來的動畫轉換成json檔，今天我們就要來介紹他——Bodymovin。

1.首先，進到Adobe的Bodymovin的網站安裝他....

https://exchange.adobe.com/creativecloud.details.12557.html

2.安裝好後，且做完了一個作品後，按下windows，找到lottie（以前的版本是找到”bodymovin，但現在改的版本更加直接方便）

3.最好辦一個lottie的帳號（再給各位一次他的網址https://lottiefiles.com/ ），並且在AE裡的lottie登入，能夠隨時預覽及發佈動畫，只要登入過一次就可以了。

4.登入過後再打開會出現這樣子的畫面，這時候找到我們做完的那一個作品並按下後面那一顆藍綠色，有箭頭的按鈕。

5.這時候會出現動畫預覽，以及一些按鈕，若你選擇的是藍綠色右邊的Upload，它便會將你的動畫上傳至你的lottie 帳號裡的preview（預覽）裡，這時候在lottie網站中你便可以隨時發佈你的動畫了。

!

6.如果你按的是左邊那一個，看字便知道就是存進你的電腦裡

7.如果是小視窗上排的第二個圖示，是能夠看到你在lottie官網上到底preview過哪些動畫

8.第三個圖示是讓你可以在官網上找到一些lottie動畫。

9.也可以到官網去看你的preview，還可以轉成gif檔，底下還可以更換背景色，預覽你在不同顏色上你的作品呈現起來會如何。

如果好奇舊版Bodymovin長啥樣可以參考這篇文章，一樣不是我寫的。就這樣...

各位掰掰·～

https://medium.com/as-a-product-designer/%E5%BF%83%E5%BE%97%E5%88%86%E4%BA%AB-%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8lottie-%E5%B0%87%E5%AE%8C%E7%BE%8E%E5%8B%95%E7%95%AB100-%E5%91%8